<script setup lang="ts">
import {reactive} from "vue";
const data = reactive({"time":0,"foots":0,"long":0})
function updateData(){
    data.time = 58,
    data.foots = 106888,
    data.long = 6.26
}
</script>
<template>
    <h1>运动数据</h1>
    <h3>运动时长：{{ data.time }}分</h3>
    <h3>运动步数：{{ data.foots }}步</h3>
    <h3>运动距离：{{ data.long }}公里</h3>
    <input type="button" value="更新" @click="updateData"></input>
</template>
<style scoped></style>